Zero to Quarto Workshop

Making your first quarto website

Chi Zhang

About me

Chi Zhang

Statistcian and R developer

Quarto has become one of my main activities post-phd

  • teach biostatistics with quarto websites;
  • build personal portfolio;
  • collaborate with non-coding colleagues;
  • personal note-taking system …

About this workshop

Quarto is the new way of open source publishing, and it can do so many things:

Reports and books; presentation; websites; … Each is a project.

Today we build a quarto website, and use GitHub Pages to deploy it.

  • components of a minimal quarto project
  • adding content: about page
  • build, and deploy on GitHub
  • keep adding content: images and code
  • time permits: styling; interactivity with webr; …

A minimal Quarto Project

What’s in a Quarto project?

(Here we introduce the structure)

  • YAML
  • index

Practice 1: Set up a version controlled quarto project

Practice 2: Render your quarto project

Deploy with GitHub Pages

Practice 3: Configure GH Pages

Add content to your website (part 1)

About page

Theme

Practice 4: Add an about page to your website

Add content to your website (part 2)

Code chunks

Images

Practice 4: Add a plot to your website

R-Ladies theme for Quarto Presentations. Code available on GitHub.